<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/home-base.css">
    <link rel="shortcut icon" href=" m.favicon.ico" />
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部框架开始 -->
    <div class="header">
        <div class="w1100">
            <!-- 网站logo开始 -->
            <h1 class="logo fl">
                <a href="default.html"><img src="home-img/logo.png" alt="好看漫画"></a>
            </h1>
            <!-- 网站logo结束 -->
            <!-- 网站导航开始 -->
            <ul class="navigation fr">
                <li>
                    <a class="active" href="default.html" style="color: rgb(84, 81, 233);">首页</a>
                </li>
                <li>
                    <a href="../admin/user-edit.html">个人中心</a>
                </li>
            </ul>
            <!-- 网站导航结束 -->
        </div>
    </div>
    <div style="clear: both;"></div>
    <!-- 头部框架结束 -->
    <ul class="list w1100">
        <li class="fl">
            <a href="home-article.html" class="thumbnail">
                <img src="home-img/02.png" alt="漫画封面">
            </a>
            <div class="content">
                <a class="article-title" href="home-article.html">漫画标题1</a>
                <div class="article-info">
                    <span class="author">作者</span>
                    <span>发布时间</span>
                </div>
                <div class="brief">
                    说明文字
                </div>
            </div>
        </li>
        <li class="fr">
            <a href="home-article.html" class="thumbnail">
                <img src="home-img/01.png" alt="漫画封面">
            </a>
            <div class="content">
                <a class="article-title" href="home-article.html">
                    漫画标题2</a>
                <div class="article-info">
                    <span class="author">作者</span>
                    <span>发布时间</span>
                </div>
                <div class="brief">
                    说明文字
                </div>
            </div>
        </li>
        <!-- 分页开始 -->
        <div class="page w1100">
            <a href="#">上一页</a>
            <a href="#" class="active">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">下一页</a>
        </div>
        <!-- 分页结束 -->
    </ul>

</body>

</html>